{% set clazz = "cashier" %}
{% set title = "收银台" %}
{% extends './modules/common/templates/main.html' %}
{% block style %}
  <link rel="stylesheet" type="text/css" href="{{ '/static/css/store.css'|version }}" />
{% endblock %}
{% block content %}
  {% if !nested %}
    <header class="bar bar-header">
      {{ macro.back() }}
      <h1 class="title">{{ title }}</h1>
    </header>
  {% endif %}
  <section class="has-footer">
    <div class="list compact">
      <div class="item-divider">请选择收款方式</div>
      <label class="item">
        <div class="avatar">
          <img class="round" src="/static/images/pay-online.png" ui-mode="58px" />
        </div>
        <span class="text">
          在线收款
          <div class="brief">需要用户使用微信或千丁APP扫码支付</div>
        </span>
        <input type="radio" ui-mode="checkbox" class="large" name="payType" value="qrcode" checked="checked" />
      </label>
      <label class="item">
        <div class="avatar">
          <img class="round" src="/static/images/pay-cash.png" ui-mode="58px" />
        </div>
        <span class="text">
          现金收款
          <div class="brief">需要及时在资金中清账</div>
        </span>
        <input type="radio" ui-mode="checkbox" class="large" name="payType" value="cash" />
      </label>
    </div>
  </section>
  <footer class="bar bar-footer bar-fixed bar-flat">
    <div class="flexbox compact">
      <div class="item">
        <div class="hspace">合计：<span class="text-orange">{{orderBase.shouldPay|currency}}</span></div>
      </div>
      <div class="item">
        <button class="button primary square get-pay-btn " data-ordercode="{{orderBase.orderCode}}" data-shouldpay="{{orderBase.shouldPay}}">确认收款</button>
      </div>
    </div>
  </footer>
  {% raw %}
    <script id="payTempl" type="text/swig-template">
      <div class="text-center">管家已收到现金：<em class="text-orange">{{shouldPay|currency}}</em></div>
      <div class="text-center text-orange text-sm vspace">请及时在“资金-待清账”中进行清账</div>
    </script>
  {% endraw %}
{% endblock %}
{% block script %}
  {% parent %}
  <script src="{{ '/static/js/store.js'|version }}"></script>
{% endblock %}